<template>
    <div>

      <div class="background">
        <img :src="imgSrc" width="100%" height="100%" alt="" />

      </div>
      <div class="btn">
<!--        <van-button>下载APP</van-button>-->
<!--        <van-button @click="tiaoxia" style="width: 10rem" round plain hairline type="info">下载APP</van-button>-->
        <a href="http://51jhf.com/profile/xiazaitxj.apk" download="2.0Axure.rplib">

          下载淘小建APP
        </a>

      </div>

    </div>
</template>

<script>
    export default {
        name: "xiazai",
      data(){
          return{
            imgSrc:require('./../../assets/beijingtu.jpg'),
            lujing:'http://51jhf.com/profile/xiazaitxj.apk'
          }
      },
      methods:{
        tiaoxia(){
          this.lujing
        }
      }
    }
</script>

<style scoped>
  .background{
    width:100%;
    height:100%;  /**宽高100%是为了图片铺满屏幕 */
    z-index:-1;
    position: absolute;
  }
  .btn{
    z-index:1;
    position: absolute;
    top: 18rem;
    left: 6rem;
    width: 200px;
    height: 50px;
    border-radius: 30px;
    line-height: 50px;
    /*background-color: red;*/
    background-image: linear-gradient(#e66465, #9198e5);
  }
</style>
